<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui">
		              
    <h:head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    	<title>Przychodnia bez kolejek</title>
		<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700|Cookie' rel='stylesheet' type='text/css'/>
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/style2.css" rel="stylesheet" type="text/css" />
    </h:head>
	
    <h:body>
        <div class="wrapper">
            <div id="top">
                <div id="topcontainer">
                    <div class="menutop">
                        <h:form>
                            <h:commandLink value="Rejestracja" action="register" rendered="#{!logout.checkIfSessionExists()}" />
                            <h:outputText value="Zalogowany jako" class="nice" rendered="#{logout.checkIfSessionExists()}" />
                            <h:commandLink value="#{request.remoteUser}" action="#{profileBean.viewProfile(request.remoteUser)}" rendered="#{logout.checkIfSessionExists()}" />
                            <h:outputText value="   " />
                            <h:commandLink value="Zaloguj się" action="login" rendered="#{!logout.checkIfSessionExists()}" />
                            <h:commandLink value="Wyloguj się" action="#{logout.logout()}" rendered="#{logout.checkIfSessionExists()}"/>
                        </h:form>
                    </div> 
                    
                </div>
            </div> 
            <div id="menu">
                <div id="logo">
					<!--  <img id="logoimage" src="images/logo.jpg" alt="logo">	 -->
					<h1 id="logotitle">Przychodnia bez kolejek</h1>
				</div>
				
                <div id="menucontainer">
                    <h:form class="menuitems">
                        <h:commandLink value="Start" action="index" />
                        <h:commandLink value="Szablon 1" action="sheet345" />
                        <h:commandLink value="Szablon 2" action="findMovie" />
                        <!-- <h:commandLink value="Informacje" action="addPreferences" rendered="#{logout.checkIfSessionExists()}"/> -->
                    </h:form> 
                    <ui:insert name="top">Top</ui:insert>
                </div>
            </div>

			<hr/><!-- Horizontal Line -->
			
	        <div id="content" class="center_content">
	        	<div id="contentcontainer">
	            	<ui:insert name="top">Top</ui:insert>
	                <ui:insert name="content">Content</ui:insert>
	                <ui:insert name="bottom">Bottom</ui:insert>
	            </div>
	        </div>
	
	
	        <div class="push"></div>
        </div>
        
            
        <div id="footer">
			<div class="footercontainer">	
				<section class="left">
				</section>
					
				<section class="right">
				<a href="http://plus.google.co.uk"><img class="icon" src="./resources/images/google.png" width="32" height="32" alt="google"/></a><!-- Replace with any 32px x 32px icons -->
				<a href="http://youtube.com"><img class="icon" src="./resources/images/youtube.png" width="32" height="32" alt="youtube"/></a><!-- Replace with any 32px x 32px icons -->
				<a href="http://facebook.com"><img class="icon" src="./resources/images/facebook.png" width="32" height="32" alt="facebook"/></a><!-- Replace with any 32px x 32px icons -->
				<a href="http://twitter.com"><img class="icon" src="./resources/images/twitter.png" width="32" height="32" alt="twitter"/></a><!-- Replace with any 32px x 32px icons -->
				</section> 
			</div>
		</div>
    </h:body>
</html>
